<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/estiloGerenciadorTermo.css" />
<title>Gerenciar termos</title>
</head>

<body>

<div id="titulo">	
	<span>Olá </span>
	<span wicket:id="nomeUsuario"> nome do usuário </span>
	<span>as notificações serão enviadas para: </span>
	<span wicket:id="emailUsuario"> email do usuário </span>
</div>

<div style="text-align: right; 	background: #F3F5F7;">	
	<a href="#" wicket:id="linkLogOut" style="text-decoration: none; color: #1874CD;"> sair </a>
</div>

<br/>

<span class="fonteLogo">Push Diário </span>

<br/>
<br/>

<table class="termos" style="margin: 0px;">
	<thead>
		<tr>
			<th>Termo</th>
			<th>Tipo</th>
			<th>Diário</th>
			<th></th>
		</tr>
	</thead>
	<tr wicket:id="tabelaTermos">
		<td wicket:id="termo">termo</td>
		<td wicket:id="tipo">tipo</td>
		<td wicket:id="diario">tipo</td>
		<td><a href="#" wicket:id="linkRemover">remover </a></td>
	</tr>
</table>


<br />
<br />
<br />

<fieldset style="width: 600px; padding: 20px;" >

	<legend>Novo Termo</legend>

	<div wicket:id="feedback"></div>	

	<form wicket:id="termoForm">
		
		<span class="fonteTitulo">Termo:</span>
		<input wicket:id="termo" type="text" style="width: 500px;">			
			
		<br />
		<br />
		
		<div id="titulo" style="width: 600px;">
			<span>Selecione o tipo do termo</span>
		</div>
		
		<div id="tipoTermos" style="width: 610px;">
			<span wicket:id="tipo"> 
				<input type="radio">tipo de termo 1 
				<input type="radio">tipo de termo 2
			</span>
		</div>
		
		<br/>
				
		<div id="titulo" style="width: 600px;">
			<span id="titulo">Selecione os diários</span>
		</div>
	
		<div id="diarios" style="width: 610px;">
			<span wicket:id="diarios"> </span>
		</div>		

		
		<br/>
		
		<input type="submit" value="Salvar" />
	
	</form>

</fieldset>





</body>
</html>